  @font-face {
    font-family: 'music-icon';
    src: url('../fonts/music-icon.eot?2qevqt');
    src: url('../fonts/music-icon.eot?2qevqt#iefix') format('embedded-opentype'),
      url('../fonts/music-icon.ttf?2qevqt') format('truetype'),
      url('../fonts/music-icon.woff?2qevqt') format('woff'),
      url('../fonts/music-icon.svg?2qevqt#music-icon') format('svg');
    font-weight: normal;
    font-style: normal;
  }


  [class^="icon-"],
  [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'music-icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }




  .icon-ok::before {
    content: "\e900"
  }

  .icon-close::before {
    content: "\e901"
  }

  .icon-add::before {
    content: "\e902"
  }

  .icon-play-mini::before {
    content: "\e903"
  }

  .icon-playlist::before {
    content: "\e904"
  }

  .icon-music::before {
    content: "\e905"
  }

  .icon-search::before {
    content: "\e906"
  }

  .icon-clear::before {
    content: "\e907"
  }

  .icon-delete::before {
    content: "\e908"
  }

  .icon-favorite::before {
    content: "\e909"
  }

  .icon-not-favorite::before {
    content: "\e90a"
  }

  .icon-pause::before {
    content: "\e90b"
  }

  .icon-play::before {
    content: "\e90c"
  }

  .icon-prev::before {
    content: "\e90d"
  }

  .icon-loop::before {
    content: "\e90e"
  }

  .icon-sequence::before {
    content: "\e90f"
  }

  .icon-random::before {
    content: "\e910"
  }

  .icon-back::before {
    content: "\e911"
  }

  .icon-mine::before {
    content: "\e912"
  }

  .icon-next::before {
    content: "\e913"
  }

  .icon-dismiss::before {
    content: "\e914"
  }

  .icon-pause-mini::before {
    content: "\e915"
  }